<%--
  Created by IntelliJ IDEA.
  User: VEGA
  Date: 2022/2/22
  Time: 14:22
  To change
   this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <meta charset="utf-8" />
    <title>手机管理系统</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/file.css"/>
    <script>
        function doDeleteById(id){
            if(confirm("确定要删除吗？")){
                window.location.href="${pageContext.request.contextPath}/phone/deletePhone.do?id="+id;
            }
        }
    </script>
</head>
<body>
<div class="navbar">
    <div class="container">
        <a class="logo" href="${pageContext.request.contextPath}/phone/selectAll.do">手机管理系统</a>
        <nav class="userbar">
            <ul class="cl">
                <li class="lfet">欢迎:</li>
                <li class="lfet">${sessionScope.username}</li>
                <li class="lfet"><a href="<c:url value="/index.jsp"/>" style="color: #fff;">退出</a></li>
            </ul>
        </nav>
    </div>
</div>
<div class="article">
    <div class="bor">
        <div class="bg">
					<span class="lfet">
						<a href="${pageContext.request.contextPath}/brand/beforeInsert.do" class="btn btn-primary radius">添加手机</a>
						<a href="${pageContext.request.contextPath}/brand/selectAll.do" class="btn btn-primary radius">品牌管理</a>
					</span>
        </div>
        <div>
            <form action="${pageContext.request.contextPath}/phone/deleteMany.do" method="post">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="25"><input type="submit" class="btn btn-primary radius" value="批量删除"/></th>
                        <th width="80">ID</th>
                        <th width="80">手机名称</th>
                        <th width="80">价格</th>
                        <th width="80">状态</th>
                        <th width="80">品牌</th>
                        <th width="130">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${requestScope.phones}" var="phone">
                    <tr class="text-c">
                        <td><input type="checkbox" value="${phone.id}" name="ids"></td>
                        <td>${phone.id}</td>
                        <td>${phone.name}</td>
                        <td>${phone.price}</td>
                        <td class="td-status">
                        <c:if test="${phone.state==1}"><span class="label label-success radius">有货</span></c:if>
                        <c:if test="${phone.state==0}"><span class="label label-warning radius">无货</span></c:if>
                        </td>
                        <td>${phone.brand.name}</td>
                        <td class="td-manage">
                            <a style="text-decoration:none" href="javascript:void(0)" onclick="doDeleteById(${phone.id})">删除</a>
                            <a style="text-decoration:none" href="${pageContext.request.contextPath}/phone/selectById.do?id=${phone.id}">修改</a>
                        </td>
                    </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </form>
        </div>
        <div class="dataTables_info" id="DataTables_info">当前是第1页 ，共 3页</div>
        <div class="dataTables_paginate" id="DataTables_paginate">
            <a class="paginate_button" id="previous">上一页</a>
            <a class="paginate_button" id="next">下一页</a>
        </div>
    </div>
</div>
</body>
</html>
